.content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #EBF3FF;
    padding-top: 120rpx;
    padding-bottom: 30rpx;
}

/* 用户信息卡片 */
.userCard {
    display: flex;
    align-items: center;
    padding: 30rpx 30rpx;
}

.userAvatar {
    padding: 10rpx;
    width: 92rpx;
    height: 92rpx;
    border: 1px dashed #6f6f6f;
    border-radius: 15rpx;
}

.userAvatar image {
    width: 92rpx;
    height: 92rpx;
    border-radius: 15rpx;
}


.userInfo {
    display: flex;
    flex-direction: column;
    margin-left: 15rpx;
    height: 92rpx;
    padding: 10rpx;
}

.name {
    flex: 1;
    font-size: 38rpx;
}

.date {
    flex: 1;
    font-size: 28rpx;
    color: #757575;
}

.completeLogo {
}

.completeLogo image {
    width: 280rpx;
    height: 172rpx;
}

/* end */

/* 路线名称 */
.planName {
    width: 90%;
    display: flex;
    align-items: center;
    height: 108rpx;
    background-color: white;
    border-radius: 20rpx;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    /*  */
}

.tag {
    width: 80rpx;
    padding: 17rpx 10rpx;
    text-align: center;
    background-color: #4186F5;
    border-radius: 20rpx 0rpx 0rpx 20rpx;
    color: white;
}

.nameTitle {
    font-size: 28rpx;
    font-family: PingFang SC, PingFang SC-Heavy;
    font-weight: 800;
    text-align: left;
    color: #212121;
}

/* end */

/* 数据栏和地图 */
.dataCard {
    width: 90%;
    height: 440rpx;
    margin-top: 30rpx;
    border-radius: 20rpx;
    background-color: white;
}

.dataColumn {
    display: flex;
    justify-items: center;
    padding: 20rpx 20rpx;
}

.columnItem {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0rpx 10rpx;
    font-size: 24rpx;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: 400;
    text-align: center;
    color: #212121;
}

.itemData {
    display: flex;
    justify-content: center;
    width: 100%;
    text-align: center;
    font-size: 40rpx;
    font-weight: 800;
    color: #212121;
}

.itemData text {
    line-height: 50rpx;
    font-size: 20rpx;
    font-weight: 400;
}

.map {
    margin: 0 auto;
    width: 94%;
    padding: 0rpx 10rpx;
    border-radius: 20rpx;
}

/* end */

/* 任务成绩 */
.taskCard {
    margin-top: 25rpx;
    display: flex;
    flex-direction: column;
    width: 90%;
    height: 704rpx;
    border-radius: 20rpx;
    background-color: white;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;

}

.cardTitle {
    display: flex;
    align-items: center;
    height: 96rpx;
    width: 100%;
    background-color: #4186F5;
    border-radius: 20rpx 20rpx 0rpx 0rpx;
    color: white;
}

.cardTitle text {
    margin-left: 20rpx;
    font-size: 32rpx;
    font-family: PingFang SC, PingFang SC-Heavy;
    font-weight: 800;
    color: #ffffff;
}

.score {
    flex: 1;
    text-align: right;
    margin-right: 20rpx;
}

.taskItemList {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 590rpx;
    overflow: scroll;
}

.taskItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 15rpx;
    width: 94%;
    height: 172rpx;
    background-color: #E9F4FF;
    border-radius: 8rpx;
}

.topView {
    display: flex;
    align-items: center;
    width: 96%;
    height: 83rpx;
    border-bottom: 2px solid #FFFFFF;
}

.taskName {
    flex: 1;
    font-size: 32rpx;
    font-family: PingFang SC, PingFang SC-Heavy;
    font-weight: 800;
    color: #212121;
}

.itemScore {
    font-size: 32rpx;
    font-family: PingFang SC, PingFang SC-Heavy;
    font-weight: 800;
    text-align: right;
    color: #4186f5;
}

.bottomView {
    width: 100%;
    height: 83rpx;
    display: flex;
    align-items: center;
}

.numItem {
    flex: 1;
    text-align: center;
    font-size: 28rpx;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: 400;
    color: #212121;
}

.numItemC {
    flex: 1;
    text-align: center;
    font-size: 28rpx;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: 400;
    text-align: center;
    border-right: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
}

/* end */

/* 行程感悟 */
.reflectCard {
    margin-top: 25rpx;
    display: flex;
    flex-direction: column;
    width: 90%;
    height: 1200rpx;
    border-radius: 20rpx;
    background-color: white;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    overflow-y: scroll;
}

.reflectTitle {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 96rpx;
    background-color: #4186F5;
    border-radius: 20rpx 20rpx 0rpx 0rpx;
    color: white;
}

.reflectTitle text {
    font-size: 32rpx;
    font-family: PingFang SC, PingFang SC-Heavy;
    font-weight: 800;
    color: #ffffff;
}

.reflectTitle image {
    position: absolute;
    right: 20rpx;
    width: 42rpx;
    height: 44rpx;
}

.reflectContentList {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-top: 20rpx;
    height: 1100rpx;
}

.reflectTag1 {
    margin-left: 20rpx;
    width: 40rpx;
    height: 36rpx;
}

.reflectTag1 image {
    width: 40rpx;
    height: 36rpx;
}

.reflectTag2 image {
    width: 40rpx;
    height: 36rpx;
}

.reflectTag2 {
    position: absolute;
    width: 40rpx;
    height: 36rpx;
    bottom: 20rpx;
    right: 20rpx;
}

.contentList {
    margin: 0 auto;
    padding-bottom: 20rpx;
    height: 1020rpx;
    width: 80%;
}

.reflectContent {
    text-align: justify;
    font-size: 32rpx;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: 400;
}

.contentImage {
    margin: 0 auto;
    margin-top: 20rpx;
    width: 500rpx;
    height: 300rpx;
}

.contentImage image {
    width: 500rpx;
    height: 300rpx;
}

/* end */

/* 相册 */
.albumCard {
    margin-top: 25rpx;
    width: 90%;
    height: 860rpx;
    border-radius: 20rpx;
    background-color: white;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    overflow-y: scroll;
}

.placeAlbum {
    margin-top: 20rpx;
}

.photoList {
    display: flex;
    width: 96%;
    height: 136rpx;
    overflow-x: scroll;
}

.photoListPlace {
    margin-top: 20rpx;
    display: flex;
    width: 96%;
    height: 136rpx;
    overflow-x: scroll;
}

.photoItem {
    margin-left: 20rpx;
    height: 136rpx;
    width: 136rpx;
}

.photoItem:first-child {
    margin-left: 30rpx;
    height: 136rpx;
    width: 136rpx;
}

.photoItem image {
    height: 136rpx;
    width: 136rpx;
    border-radius: 15rpx;
}

/* 景点相册 */
.placeAlbumList {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 60rpx;
    width: 100%;
}

.albumItem {
    position: relative;
    margin: 0 auto;
    margin-top: 20rpx;
    width: 90%;
    padding-bottom: 20rpx;
    border-left: 1px dashed #FF9802;
}

.placeIcon {
    position: absolute;
    top: -20rpx;
    left: -20rpx;
}

.placeIcon image {
    width: 44rpx;
    height: 44rpx;
}

.placeName {
    display: flex;
    margin: -17rpx 0rpx 0rpx 50rpx;
    width: 90%;
    font-size: 16px;
    font-family: PingFang SC, PingFang SC-Heavy;
    font-weight: 800;
}

.placeName text {
    flex: 1;
}

.placePhotoList {
    display: flex;
    align-items: center;
    margin: 0rpx 0rpx 0rpx 40rpx;
    width: 94%;
    height: 136rpx;
    overflow-x: scroll;
}

.photoItem {
    margin: 0rpx 10rpx;
    width: 136rpx;
    height: 136rpx;
}

.photoItem image {
    width: 136rpx;
    height: 136rpx;
    border-radius: 20rpx;
}

.taskPhotoItem {
    display: flex;
    flex-direction: column;
    margin: 10rpx 0rpx 0rpx 40rpx;
    width: 94%;
}

.taskName {
    margin: 10rpx 0rpx;
}

.taskPhotoList {
    display: flex;
    align-items: center;
    width: 100%;
    height: 136rpx;
    overflow-x: scroll;
}

.photoItem {
    margin: 0rpx 20rpx;
    width: 136rpx;
    height: 136rpx;
}

.photoItem image {
    width: 136rpx;
    height: 136rpx;
    border-radius: 20rpx;
}
